@import 'assets/fonts/iconfont.css';

@import 'app/shared/styles/ng-zorro-style.scss';
@import 'app/shared/styles/global-style.scss';

html,
body {
  color: #fff !important;
  overflow: hidden;
}

/* 栅格布局 */
.gutter-box {
  height: 120px;
  background: #fff;
  padding: 5px 0;
}

/* 绘制圆 */
.circle {
  width: 70px;
  height: 70px;
  text-align: center;
  padding: 22px 0;
  margin: 10px 30px;
  border-radius: 50%;
}

.circle_blue {
  background: rgba(51, 164, 243, .7);
}

.circle_green {
  background: #55c772;
}

.circle_red {
  background: #ed6a68;
}

.circle_orange {
  background: #ffa54d;
}

/* 圆内的字体图标样式 */
.circle .circle_icon {
  font-size: 36px;
  color: #fff
}

/* 圆内旁边的字体样式 */
div.circle_font {
  /* display: inline-block;
  vertical-align: middle; */
  line-height: 120px;
  text-align: center;
  font-size: 18px;
  color: #547fef;
}

div.circle_font span:last-child {
  font-weight: bolder;
}

/* bug */
.bug,
.span_justified {
  line-height: 55px;
}

/* 第三方库 */
.span_justified {
  display: flex;
  justify-content: space-around;
}
